import React, { Component } from 'react'
import "./Apply.less"
export default class Apply extends Component {
  render() {
    return (
      <div className="apply">
        <div className="applyTitle">
          报名彩友 （3）
        </div>
        <div className="applyList">
          <div className="portrait"></div>
          <div className="user">
            <div className="userAll">
            <div className="userName">
              关注用户名              
            </div>
            <div className="userNameIcon">群組</div>
            <div className="attention"> + 关注</div>
            </div>
            <div className="userInfo">
              <img src={require("./img/4.png")} alt=""/> | 陕西西安 | 钻石活跃
            </div>
          </div>    
        </div>
        <div className="applyList">
          <div className="portrait"></div>
          <div className="user">
            <div className="userAll">
            <div className="userName">
              关注用户名              
            </div>
            <div className="userNameIcon">群組</div>
            <div className="attention"> + 关注</div>
            </div>
            <div className="userInfo">
              <img src={require("./img/4.png")} alt=""/> | 陕西西安 | 钻石活跃
            </div>
          </div>    
        </div>
        <div className="applyList">
          <div className="portrait"></div>
          <div className="user">
            <div className="userAll">
            <div className="userName">
              关注用户名              
            </div>
            <div className="userNameIcon">群組</div>
            <div className="attention"> + 关注</div>
            </div>
            <div className="userInfo">
              <img src={require("./img/4.png")} alt=""/> | 陕西西安 | 钻石活跃
            </div>
          </div>    
        </div>
      </div>
    )
  }
}
